<div id="interface" class="container" style="width:1080px;">
  <!--左侧导航-->
  <div class="col-md-3 menu" ng-include="'pages/menu.html'"></div>
  <!--内容-->
  <div class="col-md-9 col-md-offset-3 list-group config-nav" style="padding-left: 0;">
    <!--接口列表-->
    <div class="list-group config-nav" style="padding-right: 0;margin-bottom: 15px;">
      <button style="margin-bottom:15px;" type="button" class="btn btn-primary" data-toggle="modal" data-target="#interface-dialog">新增接口包</button>

      <div ng-repeat="interfaceTypeIndex in interfaceTypeListIndex" ng-show="interfaceTypeIndex.include.length>0" style="margin-bottom:15px;">
        <b class="list-group-item title">{{interfaceTypeIndex.name}}</b>
        <ul class="list-group config-nav">
          <li class="list-group-item" ng-repeat="ii in interfaceTypeIndex.include">
            <b style="display: block; padding-bottom: 10px;margin-bottom: 5px;border-bottom: 1px solid #eee">
            {{interfaceTypeList[ii].interfaceTypeName}}
          </b>
            <div class="row">
              <div class="col-md-4" ng-repeat="info in interfaceTypeList[ii].infoList" ng-if="info.productId==interfaceTypeIndex.index">
                <div class="checkbox" style="margin: 5px 0;">
                  <label>
                  <input type="checkbox" ng-change="checkedChange()" ng-checked="info.checked" ng-model="info.checked">
                  {{info.interfaceVersion + "." + info.interfaceInfo}}
                </label>
                </div>
              </div>
            </div>
          </li>
        </ul>
      </div>

    </div>
  </div>

</div>

<!--上/下一步-->
<a ng-href="{{isOffline?'#!/dbset':'#!/installDB'}}" class="step-btn left" data-toggle="tooltip" data-placement="right" title="返回">
  <i class="iconfont icon-back"></i>
</a>
<a ng-click="submitFnc()" class="step-btn right" ng-class="loadingNext?'loading':''" data-toggle="tooltip" data-placement="left"
  title="下一步">
  <i class="iconfont icon-right text-primary"></i>
</a>

<div class="modal fade" id="interface-dialog" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
            aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="exampleModalLabel">模块新增接口类别</h4>
      </div>
      <div class="modal-body">
        <div class="row">
          <div class="col-md-4" ng-repeat="addType in addTypeList">
            <div class="checkbox" style="margin: 5px 0;">
              <label>
                <input type="checkbox" ng-model="addType.checked">{{addType.interfaceTypeName}}
              </label>
            </div>
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-primary" ng-click="addFnc(addTypeList)">点击新增</button>
      </div>
    </div>
  </div>
</div>